<f:view xmlns="http://www.w3.org/1999/xhtml"
	 xmlns:f="http://java.sun.com/jsf/core"
	 xmlns:h="http://java.sun.com/jsf/html"
	 xmlns:p="http://primefaces.org/ui"
	 xmlns:pm="http://primefaces.org/mobile"
	 contentType="text/html">
 <pm:page title="Grocery List Manager">
  <h:form id="groceryListmanager">
 <pm:view id="login">
 <pm:header title="GroceryList Manager" style=".ui-header .ui-title {margin-right: 10%; margin-left: 10%;}"/>
 <pm:content>
 		<h:form id="loginForm">
 			<p:messages autoUpdate="true"/>
			<h:outputText for="username" value="Email: " />
			<p:inputText id="username" value="#{loginBean.username}"/>
			<br/>
			<h:outputText for="password" value="Password: "/>
			<p:password id="password" value="#{loginBean.password}"/>
			<br />
			<h:commandButton id="submitLogin" value="Login" action="#{loginBean.login}"/>
			
			
		<br/>
		<p:button outcome="register" value="Sign up!"/>
		<p:button outcome="resetpassword" value="Forgot your password?"/>
		

		</h:form>

 </pm:content>
 </pm:view>
  </h:form>
 </pm:page>

</f:view>
	